<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>caculator</title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
    <script src="js/caculate.js" type="text/javascript"></script>
</head>
<body> 
     <div class="outline">
	     <div class="screen">
	        <input type="text" name="result" id="result" />
	     </div>
	     <div class="buttonAll">
	     	 <a href="javascript:void(0)" class="buttonUseless">
	     	 	 <span class="textInUselessButton">cal</span>
	     	 </a> 
	     	 <a href="javascript:void(0)" class="buttonOne" onclick="clearScreen()" value="clear">
	     	 	 <span class="textOneInButton">AC</span>
	     	 </a> 
	     	 <a href="javascript:void(0)" class="buttonOne" onclick="getSym('%')" value="%">
	     	 	 <span class="textOneInButton">%</span>
	     	 </a> 
	     	 <a href="javascript:void(0)" class="buttonOne" onclick="del()" value="del">
	     	 	 <span class="textOneInButton">Del</span>
	     	 </a> 
	     	 <a href="javascript:void(0)" class="buttonTwo" onclick="getNum('7')" value="7">
	     	 	 <span class="textTwoInButton">7</span>
	     	 </a> 
	     	 <a href="javascript:void(0)" class="buttonTwo" onclick="getNum('8')" value="8">
	     	 	 <span class="textTwoInButton">8</span>
	     	 </a> 
		   	 <a href="javascript:void(0)" class="buttonTwo" onclick="getNum('9')" value="9">
		   	 	 <span class="textTwoInButton">9</span>
		   	 </a> 
		     <a href="javascript:void(0)" class="buttonTwo" onclick="getSym('÷')" value="/">
		     	 <span class="textTwoInButton">&divide</span>
		     </a> 
	     	 <a href="javascript:void(0)" class="buttonTwo" onclick="getNum('4')" value="4">
	     	 	 <span class="textTwoInButton">4</span>
	     	 </a> 
	       	 <a href="javascript:void(0)" class="buttonTwo" onclick="getNum('5')" value="5">
	       	 	 <span class="textTwoInButton">5</span>
	       	 </a> 
	       	 <a href="javascript:void(0)" class="buttonTwo" onclick="getNum('6')" value="6">
	       	 	 <span class="textTwoInButton">6</span>
	       	 </a> 
	       	 <a href="javascript:void(0)" class="buttonThree" onclick="getSym('×')" value="*">
	       	 	 <span class="textTwoInButton">&times</span>
	       	 </a> 
	       	 <a href="javascript:void(0)" class="buttonTwo" onclick="getNum('1')" value="1">
	       	 	 <span class="textTwoInButton">1</span>
	       	 </a> 	  
	       	 <a href="javascript:void(0)" class="buttonTwo" onclick="getNum('2')" value="2">
	       	 	 <span class="textTwoInButton">2</span>
	       	 </a> 	 
	       	 <a href="javascript:void(0)" class="buttonTwo" onclick="getNum('3')" value="3">
	       	 	 <span class="textTwoInButton">3</span>
	       	 </a> 	
	       	 <a href="javascript:void(0)" class="buttonThree" onclick="getSym('-')" value="-">
	       	 	 <span class="textTwoInButton">-</span>
	       	 </a> 	
	    	 <a href="javascript:void(0)" class="buttonTwo" onclick="getNum('.')" value=".">
	    	 	 <span class="textTwoInButton">.</span>
	    	 </a> 	
	    	 <a href="javascript:void(0)" class="buttonTwo" onclick="getNum('0')" value="0">
	    	 	 <span class="textTwoInButton">0</span>
	    	 </a> 		     	 
	    	 <a href="javascript:void(0)" class="buttonFour" onclick="equal()" value="=">
	    	 	 <span class="textTwoInButton">=</span>
	    	 </a> 
	    	 <a href="javascript:void(0)" class="buttonThree" onclick="getSym('+')" value="+">
	    	 	 <span class="textTwoInButton">+</span>
	    	 </a> 
	     </div>
	 </div>
</body>
</html>

